const { resolve } = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin')
//模块导出
module.exports = {
    //打包入口
    entry: './src/index.ts',
    //打包出口
    output: {
        //产生一个绝对路径
        path: resolve(__dirname, '../dist'),
        filename: 'js/bundle.js'
    },
    //打包的模式
    mode: 'production',
    //模块
    module: {
        rules: [
            //正则数量显示：
            //?:匹配零次或者是1次
            //*:匹配0次或者是多次
            //+:至少匹配一次，无上限
            //{数量}:固定匹配多少次
            //{3,}:最少匹配3位，但是最多不上限
            //{3,5}:最少匹配3位，最多匹配5位
            {
                test: /[.]tsx?$/,
                use: 'ts-loader'
            }
        ]
    },
    //插件
    plugins: [
        new HtmlWebpackPlugin({
            template: './public/index.html',
            inject: 'head'
        })
    ],

}